<!--
    文本
        ------------------ 1）颜色
        color
            预定义颜色值    red
            十六进制        #ffaa00
            RGB（三原色）   rgb(100,0,0)或rgb(100%,20%,0%)
        开发中最常用的是：十六进制，使用小工具吸取颜色值即可。

        ------------------ 2）对齐方式
        text-align
            left（默认）
            right
            center
        只能设置【水平方向】的，文本在【盒子容器内】的对齐。

        拓展：标签嵌套时，只要父标签设置center，那么子标签就会水平居中对齐！
            <p style="text-align:center;"> <img scr="xxx"/> </p>

        ------------------ 3）装饰
        text-decoration
            none          默认，无装饰
            underline     下划线
            overline      上划线（极少用）
            line-through  删除线（不常用）

        ------------------ 4）缩进
        text-indent
            文本第一行（首行）缩进，通常用在段落首行缩进
        单位（可以取负值）
            px
            em
            百分比
        相对单位（em）
            相对于当前元素（font-size）1个文字的大小，
            若当前元素没有设置大小，则相对于父元素的1个文字的大小，
            1.5em即一个半文字的大小距离，2em即两个文字的大小距离。

        ------------------ 5）行间距
        line-height
        行间距：行与行之间的距离（行高）
          关系：行间距 = 行高 = 上间距+文本高度+下间距

        垂直方向上的文字对齐方式：
            靠上    行间距 < 容器高度
            居中    行间距 = 容器高度
            靠下    行间距 > 容器高度
        参考：第114集。
-->

<style>
    div {
        /* div容器 */
        height: 50px;
        background-color: cyan;
        /* 文本文字 */
        color: rgb(255, 0, 0);
        text-align: center;
        text-decoration: line-through;
        text-indent: 2em;
        line-height: 50px;
    }
</style>

<div>hello</div>